<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt"%>
<!DOCTYPE html>
<!--广场天气分析-->
<html>
	<head>
		<link rel="shortcut icon" type="image/x-icon" href="images/favicon.ico" media="screen" />
		<script type="text/javascript" src="js/base/jquery.js"></script>
		<script type="text/javascript" src="js/plugins/jquery.cookie.js"></script>
		<script type="text/javascript" src="js/plugins/jqModal.js"></script>
		<script type="text/javascript" src="js/plugins/jqDnR.js"></script>
		<script src="js/DateTime.js" type="text/javascript"></script>
		<script src="js/jquery.qtip-1.0.0-rc3.js" type="text/javascript"></script>
		<script type="text/javascript" src="js/numFormat.js"></script>
		<script type="text/javascript" src="js/squareMember.js"></script>
		<script type="text/javascript" src="js/reportCommon.js"></script>
		<script type="text/javascript" src="js/changeSite.js"></script>
		<script type="text/javascript" src="js/toExcel.js"></script>
        <script type="text/javascript" src="echarts/build/dist/echarts-all.js"></script>
		<link href="css/time1.css" rel="stylesheet" type="text/css" />
		<link href="css/time2.css" rel="stylesheet" type="text/css" />
		<jsp:include page="title.jsp"></jsp:include>
 	</head>
	<body>
	
	<div class="headdiv"><jsp:include page="head.jsp"></jsp:include></div>
	<div class="zhuti">
			<div class="jingediv"></div>
			<div class="lefterdiv">
				<jsp:include page="menu.jsp"></jsp:include>
			</div>
			<div class="jingediv"></div>
			<div class="righterdiv" id="right">
				<jsp:include page="changeSite.jsp"></jsp:include>
				<form action="mulChoiceLoad" id="siteSelectForm" method="post">
					<input type="hidden" value="squareMember" name="siteSelectParam.pageFrom">
					<input type="hidden" value="squareMember" name="siteSelectParam.controlTo">
					<input type="hidden" value="1" name="siteSelectParam.selectType">
					<input type="hidden" value="1" name="siteSelectParam.choiceType">
					<input type="hidden" value="1" name="siteSelectParam.rangeType">
					<input type="hidden" value="${siteId}" name="siteSelectParam.siteString" id="selectSitekey">
				</form>
				<form action="getExportExcle" id="ExportExcle" method="post">
					<input type="hidden" value="" name="table">
					<input type="hidden" value="" name="fileName">
					<input type="hidden" value="" name="character">
					<input type="hidden" value="" name="describe">
				</form>
<!--				${lang.change}-->
				<form action="userManager" method="post" id="myForm">
					<div class="sitebar">
						<div class="floatleft div25"></div>
						<div class="sitename font24 top26"> 
							${siteName } 
							<span class="orange"><a class="orange" href="javascript:showChange('site')" >${lang.siteSelect}>></a></span>
						</div>
						<div class="date font14 top26">
							${datetime }
						</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">会员综合分析&nbsp;<img style="vertical-align:middle;" src="images/ts.png"/> </div>
							<div class="weather bold font10">
									<input type="hidden" value="客群分析" id="titles" />
									<!--siteKey js取值，场所id-->
									<input type="hidden" value="${siteId}" id="siteKey"/>
									<!--txtspan js取值，默认为本周-->
                            		<input type="text" id="txtspan" value="day_7" style="display: none" />
                            		<input type="hidden" value="day" id="timeModel" />
							</div>
						</div>
						<!--指标-->
						<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="em35">
								<div class="floatleft div25">
								</div>
								<div class="floatleft div135">
									<table class="indextable widthall textcenter">
										
									</table>
								</div>
								<div class="floatleft div90">
								</div>
								<div id="divDay" class="floatleft div360">
									<table class="indextable widthall textcenter">
										<tr>
											<td onclick="getspan('day_1')" id="day_1" style="cursor:pointer;" class="quarter tdborder">${lang.dangtian}</td>
											<td onclick="getspan('day_7')" id="day_7" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}7${lang.tian}</td>
											<td onclick="getspan('day_14')" id="day_14" style="cursor:pointer;" class="quarter tdborder">${lang.zuijin}14${lang.tian}</td>
											<td onclick="getspan('day_30')" id="day_30" style="cursor:pointer;;border-right: 0px;" class="quarter tdborder">${lang.zuijin}30${lang.tian}</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div240" id="xuanzesj" style="overflow:hidden">
									<table class="indextable widthall textcenter">
										<tr>
											<td class="widthall tdborder">
												<div id="shijianduibi">
													<div id="div_date" class="nocheckoption" style="cursor:pointer;"  onclick="getspan('day_0')">
					                                    	<span id="date" onclick="getspan('day_0')">2015-5-1${lang.zhi}2015-5-15</span>
					                                </div>
												</div>
											</td>
										</tr>
									</table>
								</div>
								<div class="floatleft div25">
								</div>
							</div>
							<div class="floatleft  em670" style="width: 100%;">
								<div class="mid em670" id="tubiao1">
								</div>
							</div>
							<div class="cleardiv"></div>
						</div>
						<!--根据日周月年显示对应的div-->
							<div class="mid h40" id="divWeek" style="display:none">
								<div id="datePicker">
									<input type="hidden" value="2015-06-23" name="startDate"
										id="startDate">
									<input type="hidden" value="2015-06-24" name="endDate"
										id="endDate">
								</div>
							</div>
					</div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font22">${lang.details}</div>
							<div class="floatleft div25 floatright"></div>
							<div class="font22 floatright orange outcsv"><c:if  test="${buttonExport=='1'}"><span onclick="javascript:outExcel('hdtable','biaogeshuoming','会员综合分析')">Excel导出</span></c:if></div>
						</div>
						<div class="xiangxidiv">
							<div class="em25"></div>
							<div class="widthall">
								<div class="floatleft div25 defaultheight"></div>
								<div class="floatleft textarea" style="display:none">
								
											<input type="hidden" id="hdtable" />
											<input type="hidden" id="hdtablesize" value="12" />
								</div>
								<input type="hidden" id="hdtable1" />
								<div class="divcontent" id="datatable">
									<table class="indextable xyliebiao widthall">
										
									</table>
								</div>
								<div class="floatleft div25 defaultheight"></div>
								<div class="cleardiv"></div>
							</div>
							<div class="em90">
								<div class="floatleft div25"></div>
								<div class="floatleft divhalf heigthall lineh25"  id="biaogeshuoming" style="color: #666 !important;">
								数据说明：
								</div>
								<div class="floatleft divfanye em35 lineh35">
											<div id="divfanye" class="floatright fenye">
												<div onclick="gotopage(-1)" class="floatleft fyjiantou">
													<img src="images/fanye2_left.png" />
												</div>
												<div class="floatleft fyyeshu">
													<span id="curpage"></span>/
													<span id="allpage"></span>
												</div>
												<div onclick="gotopage(1)" class="floatleft fyjiantou">
													<img src="images/fanye2_right.png" />
												</div>
												<div class="floatleft">
													<input type="text" class="skipinput" id="txtpages"/>
												</div>
												<div onclick="gotopage(2)" class="floatleft fywenzi">
													${lang.skipTo}
												</div>
												<div class="cleardiv">
												</div>
											</div>
								</div>
							</div>
							<div class="cleardiv"></div>
							<div class="em25"></div>
						</div>
					</div>
					<div class="divh20"></div>
					
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>	
							<div class="titlename bold font24 top26">到达会员分析</div>
						</div>
						<div class="xiangxidiv">
							<div class="em25"></div>
							<div class="widthall">
								<div class="floatleft em515 width33p" id="peiArrFenbu"></div>
								<div class="floatleft em515 width33p" id="peiArrSex"></div>
								<div class="floatleft em515 width33p" id="peiArrOld"></div>
								<div class="cleardiv"></div>
							</div>
							<div class="em25"></div>
						</div>
					</div>	
					<div class="divh20"></div>
					<div class="widthall">
						<div class="title">
							<div class="floatleft div25"></div>	
							<div class="titlename bold font24 top26">总会员分析</div>
						</div>
						<div class="xiangxidiv">
							<div class="em25"></div>
							<div class="widthall">
								<div class="floatleft em515 width33p" id="peiMemFenbu"></div>
								<div class="floatleft em515 width33p" id="peiMemSex"></div>
								<div class="floatleft em515 width33p" id="peiMemOld"></div>
								<div class="cleardiv"></div>
							</div>
							<div class="em25"></div>
						</div>
					</div>
					<div class="divh20"></div>

					<div class="widthall" style="display: none">
						<div class="title">
							<div class="floatleft div25"></div>
							<div class="titlename bold font24 top26">会员来源占比</div>
						</div>
						<div class="chartdiv font16">
							<div class="em25"></div>
							<div class="mid em650" id="historyWeatherGraph">
							</div>
						</div>
					</div>
					<div class="divh20"></div>	
					
				</form>
			</div>
			<div class="jingediv"></div>
			<div class="cleardiv"></div>
		</div>
	<jsp:include page="footer.jsp"></jsp:include>
	</body>
</html>
